<ion-view view-title="家政服务区" hide-tabs>
  <ion-nav-bar class="bar-energized light">
    <ion-nav-back-button>返回
    </ion-nav-back-button>
  </ion-nav-bar>
  <ion-content direction="y" overflow-scroll="false" scrollbar-y="false">
    <div class="jw-main">
      <div class="home-slide">
        <ion-slide-box does-continue="true" auto-play="true" slide-interval="3000" >
          <ion-slide>
            <img src="img/adam.jpg">
          </ion-slide>
          <ion-slide>
            <img src="img/adam.jpg">
          </ion-slide>
          <ion-slide>
            <img src="img/adam.jpg">
          </ion-slide>
        </ion-slide-box>
      </div>
      <div class="condition">
        <div class="list">
<!--          <label class="item item-input" >
            <div class="input-label">
              选择服务时间：
            </div>
            <input name="appDateTime" id="appDateTime" value="2016/06/30 21:05:13" readonly type="text">
          </label>-->
          <label class="item item-input item-select">
            <div class="input-label">
              能力
            </div>
            <select>
              <option selected>不限</option>
              <option ng-repeat="specialty in sortInfo.roleList">{{specialty.skillName}}</option>
            </select>
          </label>
          <label class="item item-input item-select" ng-if="sortType==1||sortType==2">
            <div class="input-label">
              工资
            </div>
            <select ng-if="sortType==1">
              <option selected>不限</option>
              <option>0-1000</option>
              <option>1000-2000</option>
              <option>2000-3000</option>
              <option>3000-4000</option>
              <option>4000以上</option>
            </select>
            <select ng-if="sortType==2">
              <option selected>不限</option>
              <option>4000-5000</option>
              <option>5000-6000</option>
              <option>6000-7000</option>
              <option>7000-8000</option>
              <option>8000以上</option>
            </select>
          </label>
          <label class="item item-input item-select">
            <div class="input-label">
              年龄
            </div>
            <select>
              <option selected>不限</option>
              <option>20到29</option>
              <option>30到39</option>
              <option>40到49</option>
              <option>50以上</option>
            </select>
          </label>
          <!--<label class="item item-input item-select">
            <div class="input-label">
              城市选择
            </div>
            <select>
              <option>全部</option>
              <option selected>福建</option>
            </select>
          </label>-->
        </div>
      </div>

      <div class="ranking-list">
        <div class="rank-item">
          <ul>
            <li style="border: 1px gainsboro solid;" ng-repeat="roleInfo in sortInfo.page.result" ng-click="findPersonInfo(roleInfo.id)">
              <div class="rank-item-img"><img src="img/mike.png"></div>
              <div class="rank-item-text">
                <div>{{roleInfo.name}}</div>
                <div>{{roleInfo.addressName}} {{roleInfo.workExperience}}岁 空闲</div>
                <div>等级：<span id="sort_{{$index}}"></span></div>
                <div>查看详情</div>
              </div>
              <div ><img style="position: absolute;right: 10px;width: 48px;" src="img/tips.png"></div>
            </li>

          </ul>
        </div>
      </div>
    </div>
  </ion-content>
  <ion-footer-bar style="height:3.25rem; padding:0;">
    <a class="order-button2" href="tel:10086"><button class="button button-large button-full button-positive user-button2" >家庭顾问</button></a>
    <span style="border: 1px #fff solid;width: 1px;"></span>
    <a class="order-button2" href="tel:10086"><button class="button button-large button-full button-positive user-button2">联系客服</button></a>

  </ion-footer-bar>
</ion-view>
